<template>
   <ui-design-board></ui-design-board>
</template>

<script>
import uiDesignBoard from "./ui-design-board.vue"
export default {

name:'',
components:{uiDesignBoard},
  props:{
      split:{
          type:String|Number,
          default:'240px'
      },
      pagesList:{
            type:Array,
          default:function (){
              return [
                  "界面1",
                    "界面2",
                     "界面3",
                    "界面4", "界面5",
                    "界面6",
                     "界面1",
                    "界面2",
                     "界面3",
                    "界面4", "界面5",
                    "界面6", "界面1",
                    "界面2",
                     "界面3",
                    "界面4", "界面5",
                    "界面6", "界面1",
                    "界面2",
                     "界面3",
                    "界面4", "界面5",
                    "界面6" ,"界面1",
                    "界面2",
                     "界面3",
                    "界面4", "界面5",
                    "界面6"
              ]
          }
      }
  },
  data(){
    return {
          scrollHeight:'100%',
      scrollMain:true,
        buttonList:[
             {
                  title:'编辑',
                  type:'edit'
            },
            {
                  title:'复制',
                  type:'copy'
            },
            {
                  title:'设计',
                  type:'design'
            },    {
                  title:'预览',
                  type:'preview'
            },        {
                  title:'删除',
                  type:'delete'
            }
        ]
    }
  },
  watch:{},
  computed:{},
  methods:{
      
      buttonClick(type){
             this.buttonList.forEach(element => {
                 if(type==element.type){

                 } 
             })
      },
  scrollHeightChange(val){//滚动条 出现 收起
        if(val==1){
        if(this.$refs.leftSplit.clientHeight>this.$refs.contentScroll.clientHeight) return  //如果没有超出  滚动条不显示
         this.scrollMain=false
        }else if(val==2){
                this.scrollMain=true
        }
    }
  },
  created(){},
  mounted(){
   

  }
}
</script>
<style lang="less" scoped>
.wrapper{width:100%;height:100%;background: white; padding: 16px;}
.switchTitle{
  height: 50px;
}
.switchButton{
    margin-right: 16px;
}
.mainContent{
  border: 1px solid  rgba(220, 222, 226, 1);
  width:100%;
  height:calc(~"100% - 50px");
}
.split-atrr{
  width: 100%;
  height: 100%;
    overflow: hidden;
}
.designUili .tips{
    float:right;
    cursor: pointer;
}
// scroll 变化切换 class
&/deep/ .ivu-scroll-container{
  overflow-x: hidden;
}
&/deep/ .scrollMain .ivu-scroll-container{
  overflow-y: hidden;
}
.designUili{
    list-style: none;
    padding:  12px 12px 12px 20px;
    border-bottom: 1px solid  rgba(220, 222, 226, 1);
}
&/deep/ .ivu-scroll-loader{
         height: 0;
}
</style>